<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/xiangqing.css">
    <script src="../../js/tools/jquery.min.js"></script>
    <script src="../../js/tools/mock-min.js"></script>
    <script src="../js/compent/xiangqing.js"></script>
    <script src="../js/api/xiangqingapi.js"></script>
</head>

<body>
    <header class="header">
        <div class="wf-wrap">
            <div class="wf-table">
                <div class="wf-td">
                    <a href="./index.html">
                        <span>
                            <img src="../img/logo.webp" alt="">
                        </span>
                    </a>
                </div>
                <div id="wf-td2">
                    <ul id="wf-td2-ul">
                        <li><a href="./index.html"><span>首页<i class="underline"></i></span></a></li>
                        <li><a href="./about.html"><span>关于<i class="underline"></i></span></a></li>
                        <li><a href="./Tea.html"><span>茶叶<i class="underline"></i></span></a></li>
                        <li><a href="./base.html"><span>基地<i class="underline"></i></span></a></li>
                        <li><a href="./new.html"><span>新闻<i class="underline"></i></span></a></li>
                        <li><a href="./assiocate.html"><span>联系<i class="underline"></i></span></a></li>
                    </ul>
                </div>
                <div class="wf-td-asstive">
                    <div class="top-bar-right">
                        <img src="../img/search.png" alt="">
                        <img src="../img/user.png" alt="">
                        <a href="./shopcar.html"><img src="../img/shopping cart.png" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <div class="banner">
        <div class="qte-row">
            <nav class="nav">
                <a href="./Tea.html">茶叶</a>
                <span> > </span>
                <a href="./Tea.html">全部</a>
                <span> > </span>
                <a href="" id="bannerclass">花茶</a>
                <span> > </span>
                <span id="bannername">茉莉花茶</span>
            </nav>
        </div>
    </div>

    <div class="mainbody">
        <div class="mainbody-main">
            <div class="qfy-colum2">
                <div class="qfy">
                    <div class="left-img">
                        <div class="big-img">
                            <img src="../img/moligreentea.webp" alt="">
                        </div>
                        <div class="small-img">
                            <div class="small-img-con">
                                <img src="../img/moligreentea.webp" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="right-text">
                        <h1 class="h1">茉莉花茶</h1>
                        <div class="fg-div-small"></div>
                        <p class="price">
                            <span id="teaprice">￥223.0</span>
                        </p>
                        <p class="long-text" id="teas">
                            饮茶不但是传统饮食文化，同时，由于茶中含有多种抗氧化物质与抗氧化营养素，对于消除自由基有一定的效果。因此喝茶也有助防老，具养生保健功能，每天喝三两杯茶可起到防老的作用。茶叶中含有多种维生素和氨基酸，喝茶对于清油解腻，增强神经兴奋以及消食利尿也具有一定的作用。
                        </p>
                        <div class="sku-warpping">
                            <span id="teaid">商品编号:0</span>
                        </div>
                        <div class="sku-class">
                            <span id="teaclass">分类:花茶</span>
                        </div>
                        <!-- 加入购物车按钮 -->
                        <div class="form">
                            <button class="shopping" onclick="addshop()">
                                加入购物车
                            </button>
                            <div class="mar"></div>
                            <input type="button" value="-" class="minus">
                            <input type="textbox" value="1" class="number">
                            <input type="button" value="+" class="plus">
                        </div>
                        <div class="sku-last">
                            <img src="../img/aixin.png" alt="">
                            <span>收藏</span>
                        </div>
                    </div>
                    
                </div>
                <div class="summy">
                    <div class="summy-title">
                        <div class="title-con">
                            <a href="">描述</a>
                        </div>
                        <div class="summy-p">
                            <span>
                                饮茶不但是传统饮食文化，同时，由于茶中含有多种抗氧化物质与抗氧化营养素，对于消除自由基有一定的效果。因此喝茶也有助防老，具养生保健功能，每天喝三两杯茶可起到防老的作用。茶叶中含有多种维生素和氨基酸，喝茶对于清油解腻，增强神经兴奋以及消食利尿也具有一定的作用。 但并不是喝得越多越好，也不是所有的人都适合喝茶。一般来说，每天1-2次，每次3-5克、400毫升的饮量是比较适当的。一般，人们说喝茶还指喝水。
                            </span>
                        </div>
                       <div class="summy-img">
                        <img src="../img/chahu.webp" alt="">
                       </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- footer -->
    <footer class="footer">
        <div class="footer-bgc">

            <div class="fu-left">
                <div class="child-left">
                    <div class="left-title-qte">
                        <div class="bigtitle">联系</div>
                        <div class="header-subtitle">Contact</div>
                    </div>
                    <div class="left-title-qte2">

                        <div class="fu-top">
                            <div class="child-top">
                                <span>
                                    关注我们
                                </span>
                            </div>
                        </div>

                        <ul class="footer-ul">
                            <li>
                                <span>
                                    <img src="../img/wechat.png" alt="">
                                </span>
                            </li>
                            <li>
                                <span>
                                    <img src="../img/weibo.png" alt="">
                                </span>
                            </li>
                        </ul>

                    </div>

                    <div class="qty-column">
                        <div class="qty-colum-title">
                            <div>
                                <span>
                                    起飞页自助建站平台
                                </span>
                            </div>
                        </div>
                        <div class="qty-mess">
                            <span>
                                地址：苏州市建外SOHO东区2号楼
                            </span>
                        </div>
                        <div class="qty-mess">
                            <span>
                                邮编：100000
                            </span>
                        </div>
                        <div class="qty-mess">
                            <span>
                                电话：010-69557550
                            </span>
                        </div>
                    </div>

                </div>
            </div>
            <div class="fu-right">
                <div class="child-right">
                    <div class="ma">
                        <div class="ma-img">
                            <img src="../img/wechatma.webp" alt="">
                        </div>
                        <div class="ma-text">
                            <div>
                                <span>
                                    微信
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="ma">
                        <div class="ma-img">
                            <img src="../img/weiboma.webp" alt="">
                        </div>
                        <div class="ma-text">
                            <div>
                                <span>
                                    微博
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-footer">
            <div>
                <span>

                    COPYRIGHT (©) 2019 茶叶类网站 京ICP备41414141414-1号
                </span>
            </div>
        </div>
    </footer>
    <!-- footer -->
</body>

</html>